<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="layout" content="basicregistro"/>
<title><g:message code="demographic.agregar_paciente.title"/></title>
<g:javascript library="prototype"/>
<r:require module="jquery-ui"/>
<g:javascript library="jquery"/>

<jqui:resources themeCss="../css/jquery/jquery-ui-1.8.16.custom.css"/>
<link rel="stylesheet" href="${resource(dir: 'css', file: 'jquery.Jcrop.css')}"/>
<link rel="stylesheet" href="${resource(dir: 'css', file: 'estilo.css')}"/>
<g:javascript src="../js/jquery/jquery.Jcrop.js"/>
<g:javascript src="../js/jquery/jquery.Jcrop.min.js"/>

<script type="text/javascript" src="../js/jquery/jquery-ui-i18n.min.js"></script>
<script type="text/javascript" src="../js/jquery/jquery-ui-timepicker-addon.js"></script>

<script type="text/javascript" src="${createLinkTo(dir: 'js/jquery', file: 'jquery.form.js')}">
</script>
<script type="text/javascript" src="../js/OpenLayers.js"></script>
<g:javascript src='formToWizard.js'/>
<g:javascript src='funciones.js'/>
<g:javascript src='jquery.validate.js'/>
<link rel="stylesheet" href="${resource(dir: 'css', file: 'wizard.css')}"/>

<style>
label {
    display: block;
}
</style>
<script>




    jQuery(document).ready(function () {
        jQuery.datepicker.setDefaults(jQuery.datepicker.regional['${session.'org.springframework.web.servlet.i18n.SessionLocaleResolver.LOCALE'}']);

        jQuery('.Date').datepicker({dateFormat:'dd-mm-yy',
            changeYear:true,
            //altField: '#actualDate',
            buttonText:'Calendario',
            buttonImage:'/sos/images/datepicker.gif',
            maxDate:new Date(),
            minDate:new Date(1900, 9, 15),
            yearRange:'1900:2100',
            constrainInput:true,
            showButtonPanel:true,
            showOn:'button'


        });
        jQuery("#fechaNacimiento").attr("readonly", true);

        jQuery("#fechaNacimiento").click(function () {

            jQuery(this).val('');

        });
    });


    jQuery(document).ready(function () {


        jQuery("#foto").attr("readonly", true);
        jQuery("#foto").click(function () {

            jQuery("#inputFotoPrevia").click();


        });
        jQuery("#inputFotoPrevia").change(function () {


            jQuery("#fotoPrevia").ajaxForm({success:mostrarRespuesta}).submit();


        });

    });
    function mostrarRespuesta(respuesta) {

        if (respuesta != "") {

            jQuery("#imgPrevia").html("<img id='crop' src='${createLink(controller: "demographic",action: "mostrarFotoPrevia")}/" + respuesta + "' />")
            jQuery("#foto").val(respuesta);
            jQuery("#crop").Jcrop({
                aspectRatio:1,
                setSelect:[0, 0, 100, 100],
                minSize:[30, 30],
                onSelect:cambiarCoordenadas,
                onChange:cambiarCoordenadas
            });
        }
    }

    function cambiarCoordenadas(c) {
        jQuery('#x1').val(c.x);
        jQuery('#y1').val(c.y);
        jQuery('#x2').val(c.x2);
        jQuery('#y2').val(c.y2);
    }

</script>

<g:javascript>
var map = null;
var markers = new OpenLayers.Layer.Markers( "Markers" );
var proj4326 = new OpenLayers.Projection("EPSG:4326");
var projmerc = new OpenLayers.Projection("EPSG:900913");
var lonlat = new OpenLayers.LonLat(-66,9);
lonlat.transform(proj4326, projmerc);

window.alert = null;
delete window.alert;

		function updateIdentidad( var1, var2 ){
            ${remoteFunction(
        controller: 'demographic',
        action: 'ajaxGetPrimerApellido',
        update: 'identidades',
        params: '\'id=\' + var1 +\'-\' +var2')}


    }
function updateNombres( root, extension, primerApellido, segundoApellido, primerNombre, segundoNombre, fechaNacimiento, sexo, fin){
    ${remoteFunction(
            controller: 'demographic',
            action: 'ajaxGetNombres',
            update: 'nombres',
            params: '\'id=\' + root +\'!\' +extension + \'!\' + primerApellido + \'!\' + segundoApellido + \'!\' + primerNombre + \'!\' + segundoNombre + \'!\' + fechaNacimiento + \'!\' + sexo + \'!\'+ fin')}
    //params:'\'rt=\' +root+\'&ext=\'+extension' )}
//params:'\'id=\' + root +\'-\' +extension + \'&pa=\' + primerApellido' )}
//params:'\'id=\' + root +\'-\' +extension + \'&pa=\' + primerApellido + \'&sa=\' + segundoApellido' )}
}
function updateSubCats( category ){
  var selectpais = document.getElementById("paisnace");
    if (selectpais.options[selectpais.selectedIndex].value == 1){
        document.getElementById("entnace").style.visibility = "visible";
        document.getElementById("munnace").style.visibility = "visible";
        document.getElementById("ciunace").style.visibility = "visible";

    ${remoteFunction(
            controller: 'demographic',
            action: 'ajaxGetEstados',
            update: 'entidadnace',
            params: '\'id=\' + category')}
    }else{
         document.getElementById("entnace").style.visibility = "hidden";
         document.getElementById("munnace").style.visibility = "hidden";
         document.getElementById("ciunace").style.visibility = "hidden";
    }

}

    function updateEstados(pais) {
    ${remoteFunction(
            controller: 'demographic',
            action: 'ajaxGetEstados',
            update: 'entidresid',
            params: '\'id=\' + pais')}
    }

   function updateMunicipios(estado){
    ${remoteFunction(
            controller: 'demographic',
            action: 'ajaxGetMunicipios',
            update: 'municnace',
            params: '\'id=\' + estado')}
    }

function updateMunicipiosReside(estado){
    ${remoteFunction(
            controller: 'demographic',
            action: 'ajaxGetMunicipios',
            onComplete: 'getCoordenadas(1)',
            asynchronous: 'false',
            update: 'municresid',
            params: '\'id=\' + estado')}
        }

function updateParroquiaReside(municipio){
    ${remoteFunction(
            controller: 'demographic',
            action: 'ajaxGetMunicipios',
            onComplete: 'getCoordenadas(2)',
            asynchronous: 'false',
            update: 'direccion.id',
            params: '\'id=\' + municipio')}
        }

function updateCallesReside(calle){
    $j("#parroquia_id").attr('value',calle)
    ${remoteFunction(
            controller: 'demographic',
            action: 'ajaxGetCalles',
            onComplete: 'getCoordenadas(3)',
            asynchronous: 'false',
            update: 'calles',
            params: '\'id=\' + calle')}
}
function calleCoordenadas(id){
    if (id!=-2){
        getCoordenadas(4);
    } else {
        ${remoteFunction(
            controller: 'demographic',
            action: 'ajaxChange',
            onComplete: 'addListener()',
            asynchronous: 'false',
            update: 'calles',
            )};
    }
}

    function addListener(){
         markers.clearMarkers();
         alert("Seleccione en el mapa las coordenadas de la calle de su Residencia")
         //Marcadores
        var size = new OpenLayers.Size(10,10);
        var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
        var icon = new OpenLayers.Icon('../images/marker.png', size, offset);
        var marker = new OpenLayers.Marker(lonlat);
        markers.addMarker(marker,icon);

		 map.events.register("click", map, function(e) {
				var opx = map.getLayerPxFromViewPortPx(e.xy) ;
				marker.map = map ;
				marker.moveTo(opx) ;
                var position = this.events.getMousePosition(e);
                var lonlat = map.getLonLatFromPixel(position);
                var lonlatTransf = lonlat.transform(map.getProjectionObject(), proj4326);
                $j("#input_latitud").attr('value',lonlatTransf.lat)
                $j("#input_longitud").attr('value',lonlatTransf.lon)
                var lonlat = lonlatTransf.transform(proj4326, map.getProjectionObject());
                map.addLayer(marker);
            });
    }

    function showMap(){
      updateEstados(1);
      var lonlat = new OpenLayers.LonLat(-66,9);
      lonlat.transform(proj4326, projmerc);
      map = new OpenLayers.Map("MyMap");
      map.addLayer(markers);
      map.addLayer(new OpenLayers.Layer.OSM());
      map.setCenter(lonlat,5);
    }

    function getCoordenadas(option){
        switch(option) {
            case 1:
            var id = $j("#entidresid").val();
            ${remoteFunction(
                controller: 'demographic',
                action: 'ajaxGetCoordenadas',
                update: 'estados_coordenadas',
                onComplete:'moverMapa(1)',
                asynchronous: 'false',
                params: '\'id=\'+id + \'!\' + option')};
            break;
            case 2:
            var id = $j("#municresid").val();
            ${remoteFunction(
                controller: 'demographic',
                action: 'ajaxGetCoordenadas',
                update: 'municipios_coordenadas',
                onComplete:'moverMapa(2)',
                asynchronous: 'false',
                params: '\'id=\'+id + \'!\' + option')};
            break;
            case 3:
            var id = $j("#parroquia_id").attr("value");
            ${remoteFunction(
                controller: 'demographic',
                action: 'ajaxGetCoordenadas',
                update: 'parroquias_coordenadas',
                onComplete:'moverMapa(3)',
                asynchronous: 'false',
                params: '\'id=\'+id + \'!\' + option')};
            break;
            case 4:
            var id = $j("#avenidacalle").val();
                ${remoteFunction(
                controller: 'demographic',
                action: 'ajaxGetCoordenadas',
                update: 'calles_coordeandas',
                onComplete:'moverMapa(4)',
                asynchronous: 'false',
                params: '\'id=\'+id + \'!\' + option')};
            break;
        }
    }


    function moverMapa(option){
    var vx,vy;
        switch(option){
            case 1:
                vx = $j("#lat_coordenadas_estado").attr("value");
                vy = $j("#lon_coordenadas_estado").attr("value");
                if (vx!=null && vy!=null)  {
                    var lonlat = new OpenLayers.LonLat(vy,vx);
                    lonlat.transform(proj4326, projmerc);
                    map.setCenter(lonlat,11);
                }
            break;
            case 2:
                vx = $j("#lat_coordenadas_municipio").attr("value");
                vy = $j("#lon_coordenadas_municipio").attr("value");
                if (vx!="null" && vy!="null")  {
                    var lonlat = new OpenLayers.LonLat(vy,vx);
                    lonlat.transform(proj4326, projmerc);
                    map.setCenter(lonlat,13);
                }
            break;
            case 3:
                vx = $j("#lat_coordenadas_parroquia").attr("value");
                vy = $j("#lon_coordenadas_parroquia").attr("value");
                if (vx!="null" && vy!="null")  {
                    var lonlat = new OpenLayers.LonLat(vy,vx);
                    lonlat.transform(proj4326, projmerc);
                    map.setCenter(lonlat,15);
                }
            break;
            case 4:
                markers.clearMarkers();
                vx = $j("#lat_coordenadas_calle").attr("value");
                vy = $j("#lon_coordenadas_calle").attr("value");
                if (vx!="null" && vy!="null")  {
                    var lonlat = new OpenLayers.LonLat(vy,vx);
                    lonlat.transform(proj4326, projmerc);
                    map.addLayer(markers);
                    markers.addMarker(new OpenLayers.Marker(lonlat));
                    map.setCenter(lonlat,17);
                }
            break;
	    }
    }
</g:javascript>

<script type="text/javascript">
    var $j = jQuery.noConflict();
    $j(document).ready(function () {
        $j("#nuevopaciente").formToWizard({ submitButton:'doit' })
    });
</script>

</head>

<body onload="showMap()">

<div id="menu1">
    <ul>
        <li>
            <a href="#" class="selected contextoEhr"><g:message code="demographic.show.paciente"/></a>
        </li>
        <li>
            <g:link controller="records" action="list" class="contextoEhr"><g:message
                    code="records.action.list"/></g:link>
        </li>
        <li>
            <g:link controller="demographic" action="admisionPaciente" class="contextoEhr"><g:message
                    code="demographic.action.admisionPaciente"/></g:link>
        </li>

        <li><g:link controller="reportes" action="index" class="contextoEhr"><g:message
                code="reportes.Reportes"/></a></g:link></li>
    </ul>
</div>

<div id="nivel1">
<div id="nivel2">
<div id="contenido">

<g:if test="${flash.message}">
    <div style="color:red;">
        <g:message code="${flash.message}"/>
    </div>
</g:if>
<div id="mensaje" style="color:red;">&nbsp;
</div>

<h1><g:message code="demographic.agregar_paciente.agregar"/></h1>
<g:form action="agregarPaciente" name="nuevopaciente" id="nuevopaciente" enctype="multipart/form-data" class="form1">

<g:hiddenField name="x1" value="0"/>
<g:hiddenField name="y1" value="0"/>
<g:hiddenField name="x2" value="100"/>
<g:hiddenField name="y2" value="100"/>
<g:hiddenField name="input_latitud" id="input_latitud" value="null"/>
<g:hiddenField name="input_longitud" id="input_longitud" value="null"/>


<fieldset>
    <legend>Identificaci&oacute;n</legend>

    <div style="clear:both"></div>

    <p>
        <label for="identificador"><g:message code="persona.identificador"/></label>

        <g:if test="${params.root}">
            <input type='hidden' id='identificadorUnico' value='valido' name='identificadorUnico'/>
            <g:select name="root" from="${tiposIds}" value="${params.root}" optionKey="codigo" optionValue="nombreCorto"
                      onchange="updateNombres( root.value, extension.value, primerApellido.value, segundoApellido.value, primerNombre.value, segundoNombre.value, fechaNacimiento.value, sexo.value, 'fin')"/>
        </g:if>
        <g:else>
            <input type='hidden' id='identificadorUnico' value='novalido' name='identificadorUnico'/>
            <g:select name="root" from="${tiposIds}" optionKey="codigo" optionValue="nombreCorto"
                      noSelection="['*1': 'Seleccione Identificador']"
                      onchange="updateNombres( root.value, extension.value, primerApellido.value, segundoApellido.value, primerNombre.value, segundoNombre.value, fechaNacimiento.value, sexo.value, 'fin')"/>
        </g:else>
        <g:textField name="extension" value="${params.identificador}"
                     onchange="updateNombres( root.value, extension.value, primerApellido.value, segundoApellido.value, primerNombre.value, segundoNombre.value, fechaNacimiento.value, sexo.value, 'fin')"/> <span
            class="obligatorio">*</span>

    </p>
    <%--<g:select name="root" class="selectci" from="${tiposIds}" optionKey="codigo" optionValue="nombreCorto" noSelection="['-1':'Seleccione Identificador']"/>	--%>
    <div id="nombres"><div style="clear:both"></div>

        <p>
            <label for="primerApellido"><g:message code="persona.primerApellido"/></label>
            <g:textField name="primerApellido" value="${params.primerApellido}"/><span
                class="obligatorio">&nbsp;*</span>
        </p>

        <p>
            <label for="segundoApellido"><g:message code="persona.segundoApellido"/></label>
            <g:textField name="segundoApellido" value="${params.segundoApellido}"/>
        </p>

        <p>

            <label for="primerNombre"><g:message code="persona.primerNombre"/></label>
            <g:textField name="primerNombre" value="${params.primerNombre}"/><span class="obligatorio">&nbsp;*</span>
        </p>

        <p>
            <label for="segundoNombre"><g:message code="persona.segundoNombre"/></label>
            <g:textField name="segundoNombre" value="${params.segundoNombre}"/>
        </p>

        <p>
            <label for="fechaNacimiento"><g:message code="persona.fechaNacimiento"/></label>
            <input name="fechaNacimiento" type="text" id="fechaNacimiento" class="Date"
                   value="${params.fechaNacimiento}"/><span class="obligatorio">&nbsp;*</span>  <br/><br/>
        </p>

        <p>
            <label for="sexo"><g:message code="persona.sexo"/></label>
            <g:select name="sexo" style="width: 175px;" noSelection="['': 'Seleccione']"
                      from="['Masculino', 'Femenino']" value="${params.sexo}"/><span class="obligatorio">&nbsp;*</span>
        </p>

        <p>
            <label for="foto"><g:message code="persona.foto"/></label>
            <input type="text" name="foto" id="foto" style='width: 300px;'/>
        </p>
    </div>
    <span class="obligatorio">&nbsp;*</span> Campos Obligatorios
    <div id="imgPrevia"></div>

</fieldset>

<fieldset>
<legend>Procedencia</legend>
<p>
<label for="etnia"><g:message code="persona.etnia"/></label>
<g:select name="etnia.id" class="selectci" value="${params.etnia}" from="${etniasIds}" optionKey="id"
          optionValue="nombre" noSelection="['': 'Seleccione Etnia']"/>
</p>

<p>
    <label for="nacionalidad"><g:message code="persona.nacionalidad"/></label>
    <g:select name="nacionalidad.id" class="selectci" from="${paisesIds}" optionKey="id" optionValue="nombre"/>
</p>

<p>
    <label for="paisnacimiento"><g:message code="persona.paisnace"/></label>
    <g:select name="paisnace" class="selectci" from="${paisesIds}" optionKey="id" optionValue="nombre"
              noSelection="['': 'Seleccione País']" onchange="updateSubCats(this.value)"/>
</p>

<p>

<div id="entnace" style="visibility: hidden;">
    <label for="entidadnacimiento"><g:message code="persona.entidadnace"/></label>
    <g:select name="entidadnace" class="selectci" disabled="false" noSelection="['': 'Seleccione Entidad']"
              onchange="updateMunicipios(this.value)"/>
</div>
</p>

<p>

<div id="munnace" style="visibility: hidden;">
    <label for="municipionacimiento"><g:message code="persona.municipionace"/></label>
    <g:select name="lugar.id" id="municnace" class="selectci" value="${params.lugarnacimiento}" disabled="false"
              noSelection="['': 'Seleccione Municipio']"/>
</div>
</p>

<p>

<div id="ciunace" style="visibility: hidden;">
    <label for="ciudadnacimiento"><g:message code="persona.ciudadnace"/></label>
    <g:textField name="ciudadnacimiento" class="selectci" value="${params.ciudadnacimiento}"/>
</div>
<br/>
</p>

</fieldset>


<fieldset>
    <legend>Datos Personales</legend>

    <p>
        <label for="situacionconyugal"><g:message code="persona.situacionConyugal"/></label>
        <g:select name="situacionconyugal" class="selectci" from="${conyugalIds}" optionKey="id" optionValue="nombre"
                  noSelection="['': 'Seleccione']"/>
    </p>

    <p>
        <label for="analfabeta"><g:message code="persona.analfabeta"/> &nbsp;&nbsp;</label>
        <g:select name="analfabeta" class="selectci" noSelection="['': 'Seleccione']" from="['No', 'Si']"
                  value="${params.analfabeta}"/>
    </p>

    <p>
        <label for="niveleducativo"><g:message code="persona.niveleducativo"/></label>
        <g:select name="niveleducativo" class="selectci" from="${nivelEducIds}" optionKey="id" optionValue="nombre"
                  noSelection="['': 'Seleccione']"/>
    </p>

    <p>
        <label for="anosaprobados"><g:message code="persona.anosaprobados"/></label>
        <g:textField name="anosaprobados" class="selectci" value="${params.anosaprobados}"
                     title="Cuado aplique, años pasados desde su graduación"/>
    </p>

    <p>
        <label for="ocupacion"><g:message code="persona.ocupacion"/></label>
        <g:select name="ocupacion.id" id="ocupacion" class="selectci" from="${ocupacionIds}" optionKey="id"
                  optionValue="nombre" noSelection="['': 'Seleccione Ocupación']"/>
    </p>
</fieldset>

<fieldset>

<legend>Direcci&oacute;n de Habitaci&oacute;n</legend>
<div class="estados_coordenadas" id="estados_coordenadas"></div>
<div class="municipios_coordenadas" id="municipios_coordenadas"></div>
<div class="parroquias_coordenadas" id="parroquias_coordenadas"></div>
<div class="parroquia_id" id="parroquia_id" value=""></div>
<div class="calles_coordeandas" id="calles_coordeandas"></div>
<p>
<label for="entidadresidencia"><g:message code="persona.entidadreside"/></label>
<g:select name="entidresid" class="selectci" from="${entidadesIds}" optionKey="id" optionValue="nombre"
          noSelection="['': 'Seleccione Entidad']" onchange="updateMunicipiosReside(this.value)"/><span
        class="obligatorio">&nbsp;*</span>
</p>
<p>
    <label for="municipioresidencia"><g:message code="persona.municipioreside"/></label>
    <g:select name="municresid" class="selectci" disabled="false" noSelection="['': 'Seleccione Municipio']"
              onchange="updateParroquiaReside(this.value)"/><span class="obligatorio">&nbsp;*</span>
</p>

<p>
    <label for="parroquiresidencia"><g:message code="persona.parroquiareside"/></label>
    <%--g:select name="direccion.id" class="selectci" id="parroresid" disabled="false" noSelection="['':'Seleccione Parroquia']"/--%>
    <g:select name="direccion.id" class="selectci" disabled="false" optionValue="id" onchange="updateCallesReside(this.value)"
              noSelection="['': 'Seleccione Parroquia']"/><span class="obligatorio">&nbsp;*</span>
</p>

<p>
    <label for="localidadreside"><g:message code="persona.localidadreside"/></label>
    <g:textField name="ciudad" class="selectci" value="${params.ciudad}"/><span
        class="obligatorio">&nbsp;*</span>
</p>

<p>
    <label for="urbreside"><g:message code="persona.urbreside"/></label>
    <g:textField name="urbasector" class="selectci" value="${params.urbasector}"/><span
        class="obligatorio">&nbsp;*</span>
</p>

<div class="calles" id="calles">
        <p>
        <label for="avenireside"><g:message code="persona.avenireside"/></label>
        <g:textField name="avenidacalle" class="selectci" value="${params.avenidacalle}"/>
        </p>
     </div>

<p>
    <label for="casareside"><g:message code="persona.casareside"/></label>
    <g:textField name="casaedif" class="selectci" value="${params.casaedif}"/><span class="obligatorio">&nbsp;*</span>
</p>

<p>
    <label for="pisoreside"><g:message code="persona.pisoreside"/></label>
    <g:textField name="pisoplanta" class="selectci" value="${params.pisoplanta}"/>
</p>

<p>
    <label for="ptoreferencia"><g:message code="persona.puntoreferencia"/></label>
    <g:textField name="ptoreferenica" class="selectci" value="${params.ptoreferenica}"/>
</p>

<p>
    <label for="tiemporesidencia"><g:message code="persona.tiemporesidencia"/></label>
    <g:textField name="tiemporesidencia" class="selectci" value="${params.tiemporesidencia}"
                 title="Indicar el tiempo en años o meses que tiene en la residencia actual"/>
</p>

<p>

<div id="MyMap" style="width: 530;
height: 364;
position: absolute;
left: 700px;
top: 315px;
border-style: solid;
border-width: 5px;
border-color: #c1c1c1;">
</div>
</p>
<span class="obligatorio">&nbsp;*</span> Campos Obligatorios
        </fieldset>

<fieldset>
    <p>
        <legend>Contacto</legend>
        <label for="telfhab"><g:message code="persona.telfhabitacion"/></label>
        <g:textField name="telfhabitacion" class="selectci" value="${params.telfhabitacion}"/>
    </p>

    <p>
        <label for="telfcel"><g:message code="persona.telfcelular"/></label>
        <g:textField name="telfcelular" class="selectci" value="${params.telfcelular}"/>
    </p>

    <p>
        <label for="email"><g:message code="persona.email"/></label>
        <g:textField name="email" class="selectci" value="${params.email}"/>
    </p>

    <p>
        <label for="nombremadre"><g:message code="persona.nombremadre"/></label>
        <g:textField name="nombremadre" class="selectci" value="${params.nombremadre}"/>
    </p>

    <p>
        <label for="nombrepadre"><g:message code="persona.nombrepadre"/></label>
        <g:textField name="nombrepadre" class="selectci" value="${params.nombrepadre}"/>
    </p>

    <p>
        <label for="otradireccion"><g:message code="persona.otradireccion"/></label>
        <g:textArea name="otradireccion" class="inputtextfield" value="${params.otradireccion}" rows="1" cols="20"/>
    </p>

    <p>
        <label for="contactoemergencia"><g:message code="persona.contactoemergencia"/></label>
        <g:textArea name="contactoemergencia" class="inputtextfield" value="${params.contactoemergencia}" rows="1"
                    cols="20"/>
    </p>
</fieldset>


<p>
    <g:submitButton name="doit" value="${message(code: 'demographic.agregar_paciente.agregar')}" class="boton_submit"/>
    <%--g:link action="admisionPaciente"><g:message code="demographic.lista_candidatos.action.admisionPaciente" /></g:link--%>
</p>

</g:form>

<%-- Foto previa--%>
<g:form action="fotoPrevia" name="fotoPrevia" enctype="multipart/form-data">
    <input type="file" name="fotoPrevia" id="inputFotoPrevia" style="width: 300px; visibility: hidden;"/>
</g:form>
</div>
</div>
</div>

</body>
</html>